<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>SHOYO</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="../static/css/common.css">
    <script src="../static/js/rem.js"></script>
   	<link href="https://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.css" rel="stylesheet">
	<link href="https://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../static/css/forth.css">
    <link rel="stylesheet" href="../static/css/animate.css">
</head>
<body>
	<div id="content">
		<div class="topimg"><img src="../static/images/img_06.png" alt=""></div>
		<div class="centercon">
			<div class="bacimg">
				<img src="../static/images/3.gif" alt="">
			</div>
			<p class="nametips  animated  zoomIn">请输入您的真实年龄</p>
			<div class="inpname  animated delay-1s zoomIn"><input class="nianling" type="number"></div>
		</div>
		<div class="btnagin animated delay-2s zoomIn">
			<img src="../static/images/dianji.gif" alt="">
		</div>
		<div class="bottomfooter">
			<img src="../static/images/img_31.png" alt="">
		</div>
		<div class="modal fade bs-example-modal-sm textInp" id="toast" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
			 <div class="modal-dialog modal-sm" role="document">
			    <div class="modal-content">
				        <p class="suretext">请输入年龄</p>
			    </div>
			 </div>
		</div>
	</div>
	<script src="https://cdn.bootcss.com/jquery/2.1.0-rc1/jquery.js"></script>
	<script src="https://cdn.bootcss.com/zepto/1.0rc1/zepto.min.js"></script>
	<script src="https://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.js"></script>
	<script>
		$(".nianling").focus();
		$('.modal').on('show.bs.modal', centerModals);
		function centerModals() {   
		　　$('.modal').each(function(i) {   
		　　　　var $clone = $(this).clone().css('display','block').appendTo('body');
		　　　　var top = Math.round(($clone.height() - $clone.find('.modal-content').height()) / 2);
		　　　　top = top > 0 ? top : 0;   
		　　　　$clone.remove();   
		　　　　$(this).find('.modal-content').css("margin-top", top);   
		　　});   
		};
		$('.btnagin').on('touchstart',function(){
		});
		$('.btnagin').on('touchend',function(){
			if($(".nianling").val().trim()==''){
				if($(".nianling").val().trim()==''){
					$("#toast").modal("show");
					setTimeout(function(){
						$("#toast").modal("hide");
					},1000)
				}
			}else{
				setTimeout(function(){
					window.location.href = "questions.html?age="+$(".nianling").val();
				},600)
			}

		});
	</script>
</body>
</html>